<template>
  <section class="mui-content pd">
    <mh-header headName="详情"> </mh-header>
    <div class="detail-cont mh-pd bg-w">
      <h4 v-text="detailInfo.title">-</h4>
      <p v-text="detailInfo.cont">-</p>
    </div>
  </section>
</template>

<script>
  import MhHeader from '@/components/mh-header/mh-header'
  export default {
    name: "mind-match",
    data () {
      return {
        detailInfo: {
          title: '如何成为一个优秀的红娘',
          cont: '随着互联网对人们生活的渗透，网络交友，网络征婚正成为主流。网络成为当代人结识异性的主要渠道。据统计有过网上交友经历的人群占中国'
        }
      }
    },
    components: {
      MhHeader
    }
  }
</script>

<style scoped>
  .detail-cont>h4 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    color: #333;
  }
  .detail-cont>p {
    line-height: 1.5rem;
    font-size: 1.3rem;
    color: #999;
  }
</style>
